<template>
    <view class="px-[32rpx] py-[24rpx] w-[100%]">
        <view class="w-[100%] top_card px-[24rpx] pb-[44rpx] pt-[32rpx]">
            <view class="flex justify-between items-center mb-[56rpx]">
                <text class="text-[#333] font-[500]">老板，您的线索概况如下：</text>
                <view @click="push('/pages_qc/myworkorder/myworkorder')" class="flex items-baseline">
                    <text class="text-[#999] text-[24rpx] mr-[12rpx]">查看全部</text>
                    <up-icon name="arrow-right" color="#999" size="21rpx"></up-icon>
                </view>
            </view>
            <view class="flex justify-between items-center">
                <view class="flex w-[25%] flex-col items-center">
                    <text class="text-[#000] text-[44rpx] mb-[16rpx]">0</text>
                    <text class="text-[#999] text-[24rpx] font-[400]">超级线索剩余</text>
                </view>
                <view class="w-[2rpx] h-[40rpx] bg-[#e9e9e9]"></view>
                <view class="flex w-[25%] flex-col items-center">
                    <text class="text-[#000] text-[44rpx] mb-[16rpx]">0</text>
                    <text class="text-[#999] text-[24rpx] font-[400]">近一周分发</text>
                </view>
                <view class="w-[2rpx] h-[40rpx] bg-[#e9e9e9]"></view>
                <view class="flex w-[25%] flex-col items-center">
                    <text class="text-[#000] text-[44rpx] mb-[16rpx]">0</text>
                    <text class="text-[#999] text-[24rpx] font-[400]">未联系</text>
                </view>
                <view class="w-[2rpx] h-[40rpx] bg-[#e9e9e9]"></view>
                <view class="flex w-[25%] flex-col items-center">
                    <text class="text-[#000] text-[44rpx] mb-[16rpx]">0</text>
                    <text class="text-[#999] text-[24rpx] font-[400]">申诉通过</text>
                </view>
            </view>
        </view>
        <view class="my-[26rpx] w-[100%] pl-[28rpx] pr-[8rpx] h-[92rpx]  vip_bg flex justify-between items-center">
            <view class="flex items-center">
                <text class="text-[#82713A] text-[28rpx] mr-[20rpx] font-[500]" >超级线索包</text>
                <text class="text-[24rpx] text-[#82713A] font-[400]">数量有限 限时热销</text>
            </view>
            <view @click="push('/pages_qc/clue_package/index')" class="w-[176rpx] h-[72rpx] rounded-[16rpx] text-center leading-[72rpx] relative text-[28rpx] text-[#ffefb8]" style="background: linear-gradient( 98deg, #454545 0%, #000000 100%);">
                立即购买
                <image src="/static/images/bwsc/gm.png" class="w-[56rpx] h-[56rpx] absolute right-[16rpx] top-[-35rpx]"></image>
            </view>
        </view>
        <view class="w-[100%] mb-[32rpx] bg-[#fff] rounded-[20rpx] py-[36rpx] px-[28rpx] flex justify-around items-center">
            <view @click="push('/pages_qc/myworkorder/myworkorder')" class="flex flex-col text-[#000] text-[24rpx] items-center justify-center">
                <image src="/static/images/bwsc/gd.png" class="w-[72rpx] h-[72rpx]"></image>
                <text class="mt-[14rpx]">我的工单</text>
            </view>
            <view @click="kfa" class="flex flex-col text-[#000] text-[24rpx] items-center justify-center">
                <image src="/static/images/bwsc/jyjl.png" class="w-[72rpx] h-[72rpx]"></image>
                <text class="mt-[14rpx]">交易记录</text>
            </view>
            <view @click="kfa" class="flex flex-col text-[#000] text-[24rpx] items-center justify-center">
                <image src="/static/images/bwsc/ss.png" class="w-[72rpx] h-[72rpx]"></image>
                <text class="mt-[14rpx]">申诉记录</text>
            </view>
            <!-- <view class="flex flex-col text-[#000] text-[24rpx] items-center justify-center">
                <image src="/static/images/bwsc/yggl.png" class="w-[72rpx] h-[72rpx]"></image>
                <text class="mt-[14rpx]">员工管理</text>
            </view> -->
        </view>
        <view>
            <view  @click="kfa"   v-for="(item,index) in list" :key="item.name" class="flex justify-between items-center py-[24rpx]" :style="index != list.length - 1 ? {
                   borderBottom: '3rpx solid #EDEDED'
                } : {}">
                <view class="flex items-center" >
                    <image :src="item.icon" class="w-[60rpx] h-[60rpx]"></image>
                    <text class="ml-[24rpx] text-[28rpx]">{{ item.name }}</text>
                </view>
                <up-icon name="arrow-right" color="#333" size="26rpx"></up-icon>
            </view>
        </view>
    </view>
</template>
<script setup>
import {ref} from 'vue'
const kfa = () => {
  uni.showToast({
    title: '功能开发中',
    icon: 'none',
    duration: 2000
  })
}
const list = ref([
    // {
    //     name:'浏览记录',
    //     url:'',
    //     icon:'/static/images/bwsc/lljl.png',
    // },
    // {
    //     name:'申请注册',
    //     url:'',
    //     icon:'/static/images/bwsc/zc.png',
    // },
    // {
    //     name:'订单记录',
    //     url:'',
    //     icon:'/static/images/bwsc/dd.png',
    // },
    // {
    //     name:'电子合同',
    //     url:'',
    //     icon:'/static/images/bwsc/dzht.png',
    // },
    // {
    //     name:'我的合同协议',
    //     url:'',
    //     icon:'/static/images/bwsc/wdht.png',
    // },
    // {
    //     name:'车商合规公约',
    //     url:'',
    //     icon:'/static/images/bwsc/hy.png',
    // },
    // {
    //     name:'专属客服',
    //     url:'',
    //     icon:'/static/images/bwsc/kf.png',
    // },
    {
        name:'常见问题',
        url:'',
        icon:'/static/images/bwsc/wt.png',
    }
])
</script>
<style scoped lang="scss">
.top_card {
    background: linear-gradient(#FFF0C0 0%, #FFFFFF 35%, );
    box-shadow: 0rpx 0rpx 22rpx 0rpx rgba(0, 0, 0, 0.12);
    border-radius: 20rpx;
    border: 4rpx solid;
    border-image: linear-gradient(180deg, rgba(255, 255, 255, 1), rgba(255, 239, 184, 1));
}

.vip_bg {
    background: #FFF5D3;
    box-shadow: 0rpx 0rpx 22rpx 0rpx rgba(0, 0, 0, 0.12);
    border-radius: 20rpx;
    border: 4rpx solid;
    border-image: linear-gradient(180deg, rgba(255, 255, 255, 1), rgba(255, 239, 184, 1)) ;
}
</style>